<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
    <title>分享-交流</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="./css/responsive.css" type="text/css" media="screen">
</head>
<body>
<div class="h-bg">
    <div class="container">
        <div class="header">
            <div class="logo">
                <a href="index.html"><img src="./images/logo.png" title="logo" alt=""> </a>
            </div>
            <div class="foot-search">
                <form>
                    <input type="text" value="keyword here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'keyword here';}">
                    <input type="submit" value="Search">
                </form>
            </div>
            <div class="clear"></div>
        </div>
        <div class="nav-collapse nav-collapse_ collapse">
            <ul class="nav sf-menu clearfix sf-js-enabled">
                <li class="active color-1"><a href="index.html">Home</a></li>
                <li class="sub-menu color-2"><a href="custom.html">Customs</a>
                    <ul style="display: none;" class="sub-menu">
                        <li class="sub-menu-1"><a href="custom.html">Custom 01</a>
                            <ul style="display: none;" class="sub-menu">
                                <li><a href="custom.html">Custom 04</a></li>
                                <li><a href="custom.html">Custom 05</a></li>
                                <li><a href="custom.html">Custom 06</a></li>
                            </ul>
                        </li>
                        <li><a href="custom.html">Custom 02</a></li>
                        <li><a href="custom.html">Custom 03</a></li>
                    </ul>
                </li>
                <li class="color-3"><a href="development.html">Developments</a></li>
                <li class="color-4"><a href="favourites.html">Favourites</a></li>
                <li class="color-5"><a href="places_of_interests.html">Places_Of_Interests</a></li>
                <li class="color-6"><a href="contact.html">Contact</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="clear"></div>
<div class="main-bg">
    <div class="container">
        <div class="main-wrp">
            <div class="artists">
                <div class="map">
                    <iframe width="100%" height="340" src="http://maps.google.co.in/?ie=UTF8&amp;ll=22.994958,116.186436&amp;spn=153.263776,68.554688&amp;t=m&amp;z=2&amp;output=embed"></iframe><br><small>
                    <a class="myButton" href="map.html" style="font-family: 微软雅黑;text-align:left">细瞧我的家乡</a></small>
                </div>
                <div class="contact-form">
                    <h4>倾谈于此</h4>
                    <form>
                        <div>
                            <span><label>名字：</label></span>
                            <span><input type="text" value=""></span>
                        </div>
                        <div>
                            <span><label>邮件：</label></span>
                            <span><input type="text" value=""></span>
                        </div>
                        <div>
                            <span><label>感想：</label></span>
                            <span><textarea> </textarea></span>
                        </div>
                        <div>
                            <span><input type="submit" value="提交"></span>
                        </div>
                    </form>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<div class="clear"></div>
<div class="footer">
    <div class="container">
        <div class="footer-grid">
            <h3>Hello Hometown</h3>
            <p>本篇介绍笔者的家乡，主要关于家乡的美食，习俗，名胜古迹，以及笔者的童年生活，若您对笔者文章感兴趣　　　欢迎订阅</p>
            <form action="search.php" method="get" accept-charset="utf-8" class="nav-form">
                <input type="text" name="s" onblur="if(this.value=='') this.value=''" onfocus="if(this.value =='' ) this.value=''" value=" ">
                <a href="#" onclick="document.getElementById('search-form').submit()" class="btn-small">订阅</a>
            </form>
            <div class="clear"></div>
        </div>
        <div class="footer-nav1">
            <ul>
                <li id="twtr"><a href=""><img src="./images/twitter.png" alt="" title="Twitter"></a></li>
                <li id="fb"><a href=""><img src="./images/fb.png" alt="" title="facebook"></a></li>
                <li id="mail"><a href=""><img src="./images/mail.png" alt="" title="Mail"></a></li>
                <li id="feed"><a href=""><img src="./images/feed.png" alt="" title="Feed"></a></li>
                <li id="plus"><a href=""><img src="./images/plus.png" alt="" title="Plus"></a></li>
            </ul>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div class="footer1">
    <div class="container">
        <p class="w3-link"><span>© All rights Reserved | Designed by&nbsp; <a href="#"> Longwen Tang</a></span></p>
    </div>
</div>
</body>
</html>